UIPlayGround — 200 иконок на CSS3 для ваших сайтов

Использовать на сайтах иконки, которые реализуются через CSS стили, все более модно, удобно и эффективно. Как-то в блоге я уже рассматривал необычные сервисы с иконками One Div и The Noun Project, сегодня расскажу про еще один. Примечательно, что автор проекта UIPlayGround сам обратился ко мне на почту с просьбой поведать о своем детище.

Итак, на сайте UIPlayGround вы найдете около 200 разных иконок на CSS/CSS3. Основные фишки сервиса:

• Для создания иконки используется 2 span тега. Код CSS пишется максимально просто и доступно для пользователей.
• Чтобы выводить иконки на сайте вам больше не нужны будут JPG / PNG / GIF картинки или подключение тяжелых шрифтов.
• Использование CSS иконок позволяет сократить число HTTP запросов. Кроме того, при отображении на retina дисплеях иконки будут иметь отличное качество.

Работать с сайтом UIPlayGround легко и просто. Выбираете нужную вам иконку, пролистывая имеющиеся наборы. Затем кликаете по ней мышкой.

В открывшемся окне найдете код, которые требуется для добавления иконки на сайт. Его нужно просто скопировать. Здесь же отображается совместимость иконки с разными версиями браузеров — от IE И Safari до Оперы и Firefox с Chrome. В целом, UIPlayGround — отличный проект.